<template>
  <div id="notice">
    <div class="not" @click="goDetail">
      <h3>关于四川省福建商会秘书长变更的通知哈哈啊</h3>
      <p>我会原任秘书长黄志平先生因工作上的变动，已辞去四川省福建商会秘书长的职务。现由李清灵先生出哈哈哈…</p>
      <div class="time">206-04-06</div>
    </div>
    <div class="not" @click="goDetail">
      <h3>中华人民共和国第一届青年运动会赞…</h3>
      <p>赞助第一届全国青运会，对于实现企业营销目标、提升企业形象、提高企业品牌竞争力等，具有其它促…</p>
      <div class="time">2015-04-17</div>
    </div>
    <div class="not" @click="goDetail">
      <h3>中国梦——走进创业的新起点” 全国…</h3>
      <p>实现中华民族伟大复兴的中国梦，需要一批有梦想、敢担当、充满正能量的优秀企业家。习近平总书记…</p>
      <div class="time">206-04-06</div>
    </div>
    <div class="not" @click="goDetail">
      <h3>关于闽籍大学生刘叶鹏捐款的倡议书</h3>
      <img src="../assets/not1.png" alt="图1">
      <p>各位乡贤、各界友人：“一方有难，八方支援”，是中华民族的传统美德，今天我们发起爱心募捐活动…</p>
      <div class="time">206-04-06</div>
    </div>
    <div class="not" @click="goDetail">
      <h3>四川省福建商会微信平台正式上线</h3>
      <img src="../assets/not2.png" alt="图2">
      <p>公众微信号：scfjsh 欢迎关注</p>
      <div class="time">206-04-06</div>
    </div>
    <div class="bottom">暂时没有更多了~</div>
  </div>
</template>

<script>
export default {
  name: 'Notice',
  created: function setTitle () {
    document.title = '重大公告'
  },
  methods: {
    goDetail () {
      this.$router.push({name: 'Notdetail'})
    }
  }
}
</script>

<style lang="scss" scoped>
#notice{
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  overflow-x: hidden;
  .not{
    background-color: #fff;
    padding: 6.66vw 3.46vw;
    margin-top: 2.66vw;
    box-shadow:0px 2px 8px 0px rgba(0,0,0,0.16);
    img{
      width: 93.06vw;
      height: 38.66vw;
      margin-bottom: 2vw;
    }
    h3{
      font-size: 5.33vw;
      font-family: SourceHanSansCN-Bold;
      font-weight: bold;
      color: rgba(22,22,22,1);
      line-height: 8vw;
      margin-bottom: 4vw;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 1;
      height: 8vw;
    }
    p{
      height: 15vw;
      font-size: 4vw;
      font-family: SourceHanSansCN-Regular;
      font-weight: 400;
      color: rgba(104,104,104,1);
      line-height: 8vw;
      overflow:hidden;
      text-overflow:ellipsis;
      display:-webkit-box;
      -webkit-box-orient:vertical;
      -webkit-line-clamp:2;
      margin-bottom: 4vw;
    }
    .time{
      font-size: 3.46vw;
      font-family: SourceHanSansCN-Regular;
      font-weight: 400;
      color: rgba(190,190,190,1);
      line-height: 5.2vw;
    }
  }
  .bottom{
      width: 100%;
      height: 16.8vw;
      text-align: center;
      line-height: 16.8vw;
      font-size: 3.46vw;
      font-family: SourceHanSansCN-Regular;
      font-weight: 400;
      color: rgba(104,104,104,1);
    }
}
</style>
